<template>
	<div class="taskAbnormal">
		<ul class="mui-table-view">
			<div class="search">
				<div class="mui-input-row">
					<label>扫描区域：</label>
					<div class="search-right">
						<input type="text" placeholder="请输入工单编号" class="search-input" />
						<el-button type="primary">确定</el-button>
					</div>
				</div>
			</div>
			<li class="mui-table-view-cell" @click="goAbnormalType">
				<a class="mui-navigate-right">异常类型：</a>
			</li>
			<li class="mui-table-view-cell" style="letter-spacing: 0.3em;">反馈人：
				<span style="margin-left: 23px;">管理员</span>
			</li>
			<li class="mui-table-view-cell" @click="goAbnormalDealPer">
				<a class="mui-navigate-right" style="letter-spacing: 0.3em;">处理人：</a>
			</li>
			<div class="mui-input-row">
				<label style="letter-spacing: 1em;">备注：</label>
				<input type="text" class="mui-input-clear" placeholder="请输入备注描述">
			</div>
		</ul>
		<div class="btn">
			<mt-button type="primary" size='large'>提交</mt-button>
			<mt-button type="default" size='large' @click='goBack()'>返回</mt-button>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goAbnormalType() {
				this.$router.push({
					name: 'abnormalType'
				})
			},
			goAbnormalDealPer(){
				this.$router.push({name:'abnormalDealPer'})
			}
		}
	}
</script>

<style scoped="scoped">
	.mint-button--large {
		margin: 0 auto;
		margin-top: 16px;
	}
	.btn{
		padding-left: 10px;
		padding-right: 10px;
	}
	.search-input {
		padding-left: 0;
		border: none;
		margin-bottom: 0;
		font-size: 16px;
	}

	.search {
		margin-top: 56px;
		width: 100%;
	}

	.mui-input-row {
		background: white;
		margin-left: 15px;
		border-bottom: 1px solid #EEEEEE;
	}

	.mui-input-row label {
		padding-right: 4px;
		font-size: 16px;
		width: 30%;
		padding-left: 0;
		letter-spacing: 0.08em;
	}

	.mui-input-row label~input,
	.mui-input-row label~select,
	.mui-input-row label~textarea {
		width: 70%;
	}

	.el-button {
		padding: 8px 16px;
		margin-bottom: 0px;
		height: 30px;
		margin-top: 5px;
		margin-right: 10px;
	}

	.search-right {
		display: flex;
		justify-content: space-between;
	}
</style>
